<template>
  <!--<div class="list-group">-->
  <!--<a class="list-group-item" v-link="{ path: '/home'}">Home</a>-->
  <!--<a class="list-group-item" v-link="{ path: '/about'}">About</a>-->
  <!--</div>-->
  <div id="app">
    <p>
      <router-link to="/home">Go to Foo</router-link>
      <router-link to="/about">Go to Bar</router-link>
      <hello></hello>
      <about></about>
    </p>
    <!--<transition>-->
    <keep-alive>
      <router-view></router-view>
    </keep-alive>
    <!--</transition>-->
  </div>

</template>

<script>
  import Hello from "./components/Hello";
  import About from "./components/About";

  export default {
    components: {About, Hello}, name: 'app',
    methods: {}
  }
</script>

<style>

</style>
